.index-stat {
  /*平台统计*/
  text-align: center;
  padding: 10px;
  color: #bebebe;
}

@media (max-width: 768px) {
  .index-stat {
    /*平台统计*/
    text-align: center;
    padding: 8px;
    font-size: 12px;
    color: #bebebe;
  }
}

.spe-develop {
  background-color: #fff;
  padding: 10px 8px!important;
  margin: 0 auto 8px;
}
@media (max-width: 992px) {
  .spe-develop {
    padding: 10px 13px!important;
  }
}

.i-course-item {
  border-radius: 5px;
  overflow: hidden;
}
.box-item .i-course-item {
  border: 1px solid #eaeaea;
}

/*以下是原来就有的*/
.col-md-1-5 {
  width: 20%;
  float: left;
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }
}

.push-section .i-course-title span {
  font-size: 13px;
}

.orgprice {
  color: #999;
  line-height: 20px;
}

.push-section .course-new:before,
.push-section .course-hot:before,
.push-section .course-new:before {
  content: '新';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 4px;
  z-index: 4;
  color: #fff;
  font-size: 14px;
  background-color: rgb(255, 122, 62);
}

.push-section .course-hot:before {
  content: '热';
}

/*学员评价*/
#common .text-line {
  padding: 35px 0;
}

#common .text-line h5 {
  margin: 0;
  color: #5a5a5a;
  font-size: 26px;
  letter-spacing: 8px;
}

#common .text-line.gray h5 > span:before {
  content: '';
  display: inline-block;
  width: 55px;
  height: 22px;
  margin: -3px 15px;
  background: url(/static/img/comment_l.png) no-repeat center;
  background-size: auto 100%;
}

#common .text-line.gray h5 > span:after {
  content: '';
  display: inline-block;
  width: 55px;
  height: 22px;
  margin: -3px 8px;
  background: url(/static/img/comment_r.png) no-repeat center;
  background-size: auto 100%;
}

.item {
  position: relative;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  background: #FFF;
  box-shadow: 0 4px 8px 0 rgba(7, 17, 27, .05);
  transition: all .3s;
  margin-bottom: 10px;
}

.item:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
}

.item .article-tit .big-tit {
  font-size: 16px;
  color: #07111B;
  line-height: 24px;
  transition: all .3s;
}

.item .article-content {
  font-size: 12px;
  color: #4D555D;
  line-height: 24px;
  text-align: justify;
  word-break: break-all;
  font-weight: 200;
  margin: 15px 0;
}

.item .bottom-info {
  font-size: 12px;
  color: #93999F;
  line-height: 24px;
  margin-top: 12px;
  font-weight: 200;
}

.item .bottom-info a {
  transition: all .3s;
}

.item .blue {
  color: rgba(0, 140, 200, .6);

}

.item a.blue {
  display: block;
  border-radius: 10px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #3bb149;
  color: #3bb149;
  margin: 10px auto 0 auto;
  font-size: 12px;
  width: 100px;
}

.item a.blue:hover {
  background: #3bb149;
  color: #fff;
}

.icon-course {
  width: 16px;
  height: 16px;
  background: url(/static/img/icon-course.png) no-repeat center;
  background-size: 100% auto;
  margin: -3px 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}

.item .date {
  position: absolute;
  top: 0;
  right: 0;
  color: #c1c1c1;
  font-size: 12px;
  text-align: right;
  padding: 10px;
}

.item-label {
  display: inline-block;
  font-size: 14px;
  color: #FFF;
  line-height: 28px;
  background: #3bb149;
  border-radius: 12px;
  padding: 0 12px;
  margin-bottom: 15px;
}

.item-content img {
  width: 100%;
}

.stustory-more {
  float: right;
  color: #3bb149;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 5px;
  padding-right: 5px;
}

.i-course-list-section {
  position: relative;
  padding: 20px 0 0 0;
  font-family: 微软雅黑, "Microsoft YaHei";
  background: #eee;
}

.i-course-l {
  position: relative;
  width: 236px;
  height: 420px;
  font-size: 16px;
  float: left;
  background: #fff;
}

.i-course-img img {
  width: 100%;
}

.i-course-l .i-course-img a {
  display: block;
}

.i-course-l .i-course-img a:after {
  content: '';
  display: block;
  position: absolute;
  width: 59px;
  height: 59px;
  background: url(/static/images/play_btn_1.png) no-repeat center center;
  background-size: 100% auto;
  top: 50%;
  left: 88.5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  cursor: pointer;

}

.i-course-l:hover .i-course-img a:after {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.i-course-r {
  float: left;
  width: 1008px;
  height: 420px;
  padding: 0 0 0 15px;

}

.i-course-label {
  text-align: left;
  margin: 10px 0 20px 0;
}

.i-course-label span {
  line-height: 31px;
  font-size: 24px;
  color: #111111;
}

.i-course-label .line {
  color: #ccc;
  font-size: 13px;
  margin: 0 20px;
}

.i-course-nav {
  font-size: 14px;
  color: #46c37b;
  margin-right: 20px;
}

.i-course-item {
  position: relative;
  background: #fff;
  margin-bottom: 15px;
  cursor: pointer;
}

.i-course-item:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
}

.i-course-item .i-course-img {
  position: relative;
  overflow: hidden;
}

.i-course-item .i-course-img .img-responsive {
  /*   width: 247px;*/
  /*height: 136px;*/
  padding: 0;
  transition: all 0.2s;
}

.i-course-item:hover .i-course-img .img-responsive {
  transform: scale(1.1);
}

.i-course-info {
  position: relative;
  padding: 10px;
  height: 64px;
}

.i-course-title span {
  line-height: 22px;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  color: rgb(17, 17, 17);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.i-course-time {
  margin: 5px 0 0 0;
}

.i-course-time span {
  display: inline-block;
  font-size: 12px;
  color: rgb(85, 185, 41);
  text-align: left;
  vertical-align: middle;
}

.i-course-time .orgprice {
  color: #999;
  line-height: 20px;
}

.course-price-widget .price {
  margin-right: 0;
  color: #d7000f;
}

.i-course-metas {
  right: 10px;
  top: 35px;
  width: 155px;
  height: 24px;
  z-index: 1;
  border-radius: 0px;
  margin: 0px;
  padding: 0px;
  color: rgb(0, 0, 0);
  font-size: 16px;
  position: absolute;
  overflow: hidden;
  line-height: 24px;
  text-align: right;
}

.i-course-metas > span {
  line-height: 24px;
  font-size: 12px;
  color: rgb(153, 153, 153);
  margin: 0 0 0 10px;
}

.i-course-more {
  float: right;
  font-family: 微软雅黑, "Microsoft YaHei";
  font-size: 13px;
  color: rgb(51, 51, 51);
  margin-top: 5px;
}

span.icon-more {
  font-family: 'icon-gl';
  font-size: 10px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;

}

.icon-more:before {
  content: "\e982";
}

@media (min-width: 1200px) {
  .container {
    width: 1260px;
    padding: 0;
  }

}

@media (max-width: 768px) {

  .i-course-l {
    display: none;
  }

  .i-course-r {
    width: auto;
    height: auto;
    padding: 0;
  }

  .i-course-item .i-course-img .img-responsive {
    width: 100%;
    height: auto;
  }

  .ad-section, .ad-section1 {
    display: none;
  }

  .i-course-metas > span {
    margin: 0 0 0 3px;
  }

}

@media (min-width: 768px) and (max-width: 992px) {
  .container {
    width: 100%;
  }

  .i-course-l {
    display: none;
  }

  .june .category .categiry-content {
    top: 2px;
  }

  .i-course-r {
    width: 100%;
    padding: 0;
    float: none;
  }

  /*.login-after {
    right: -200px;
  }*/

}

@media (min-width: 992px) and (max-width: 1200px) {
  .container {
    width: 100%;
  }

  .i-course-l {
    display: none;
  }

  .i-course-r {
    width: 100%;
    padding: 0;
    float: none;
  }

  .login-after {
    right: -200px;
  }

}

/*
*/
.ad-section {
  height: 260px;
  background: url(/static/images/ad_1.jpg) no-repeat center center;
  background-size: auto 100%;
  position: relative;

}

.ad-section a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}